<template>
  <h1>插槽</h1>
  <myCom>
    <!-- 普通插槽 -->

    <!-- 具名插槽  顺序可以在这里随便写,但是不可以在slot插槽里随便写 -->
    <!-- <template #tatle>
      <p>弹窗标签</p>
    </template>
    <template #text>
      <p>弹窗文本</p>
    </template>
    <template #default>
      <p>所有无名的插槽</p>
    </template> -->

    <!-- 作用域插槽 -->
    <!-- 作用域插槽第二步,在使用的时候在名字后面加一个 ="随便写一个变量" -->
    <template #title="obj">
      <div>弹出框的标题部分 --- {{ obj.data }}</div>
    </template>

    <template v-slot:showmsg="qwer">
      <div>弹出框的展示文本 --- {{ qwer.num }}</div>
    </template>
  </myCom>
</template>

<script>
import myCom from './components/myCom.vue';

export default {
  components :{
    myCom,
  }
}
</script>